/*
 * @Author: humengchuan 531537052@qq.com
 * @Date: 2024-03-12 18:47:31
 * @LastEditors: humengchuan 531537052@qq.com
 * @LastEditTime: 2024-03-21 17:56:18
 * @FilePath: \project-my\mytestApp\src\views\newPage.tsx
 * @Description: 
 */
import React, { useEffect } from 'react'
import { View, Text, TextInput, StyleSheet, Button } from 'react-native'

export default function newPage() {

    const handlePress: () => void = () => {
        console.log('press')
    }

    useEffect(() => {
        console.log('useEffect')
        return () => {
            console.log('useEffect return')
        }
    }, [])

    return (
        <View>
            <Text style={styles.text}>newPage</Text>
            <TextInput style={styles.inputWarp} />
            <Button title="Button" onPress={handlePress} />
        </View>
    )
}

const styles = StyleSheet.create({
    text: {
        fontSize: 20,
        color: 'red'
    },
    inputWarp: {
        width: 200,
        height: 40,
        borderWidth: 1,
        borderColor: 'black',
        borderRadius: 5,
        padding: 10
    }
})
